import type { FC, PropsWithChildren } from 'react'
import { context } from '../../../common/context'
import styles from './index.module.scss'

const Index: FC<PropsWithChildren & { style?: React.CSSProperties }> = ({ children, ...props }) => {
  const { resume: { customization } } = context

  const { spacingFactor } = customization.spacing || {}
  return <div className={styles.itemWraper} style={{ paddingBottom: `${(spacingFactor || 0) * 2 + 10}px` }} {...props}>
    {
      children
    }
  </div>
}
export default Index
